<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="hjb2722404"/>
    <link rel="stylesheet" href="../public/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../public/css/responsive-nav.css"/>
    <link rel="stylesheet" href="../public/css/myResponNav.css"/>
    <link rel="stylesheet" href="../public/css/mxzs.css"/>
    <title>明星装饰</title>
</head>
<body>
    <header>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8 col-md-offset-2" >
                    <div class="row">
                        <div class="logo col-md-3 col-sm-3 "><img src="../public/img/logo.png" alt=""/></div>
                        <div class="search col-md-6 col-sm-6">
                                <form action="">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button">搜索</button>
                                </span>
                                    </div>
                                </form>
                        </div>
                        <div class="servicePhone col-md-3 col-sm-3">
                            <div class="phoneIcon">
                                <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                            </div>
                            <div class="phoneNumber">
                                <number>0931-1234567</number><br />
                                <number>1399999999</number>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="navbox">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="nav">
                            <nav class="nav-collapse">
                                <ul>
                                    <li>
                                        <a href="#" class="cur">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">效果图</a>
                                    </li>
                                    <li>
                                        <a href="#">装修攻略</a>
                                    </li>
                                    <li>
                                        <a href="#">设计与报价</a>
                                    </li>
                                    <li>
                                        <a href="#">联系我们</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </header>
    <section>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                   <section>
                       <div class="row">
                           <div class="col-md-12">
                               <h5><a href="">装修攻略</a>>><a href="">学装修</a></h5>
                               <hr/>
                           </div>

                       </div>
                       <div class="row fastArticleNav">
                               <h2>装修流程</h2>
                               <div class="col-md-3">
                                   <img src="../public/img/articlelist/fastNav01.jpg" alt=""/>
                                   <ul class="fanBefore">
                                       <li><a href="" class="icon001">收房</a></li>
                                       <li><a href="" class="icon002">设计</a></li>
                                       <li><a href="" class="icon003">预算</a></li>
                                       <li><a href="" class="icon004">合同</a></li>
                                   </ul>
                               </div>
                               <div class="col-md-3">
                                   <img src="../public/img/articlelist/fastNav02.jpg" alt=""/>
                                   <ul class="fanIng">
                                       <li><a href="" class="icon011">拆改</a></li>
                                       <li><a href="" class="icon012">水电</a></li>
                                       <li><a href="" class="icon013">防水</a></li>
                                       <li><a href="" class="icon014">泥瓦</a></li>
                                       <li><a href="" class="icon015">木工</a></li>
                                       <li><a href="" class="icon016">油漆</a></li>
                                       <li><a href="" class="icon017">竣工</a></li>
                                       <li><a href="" class="icon018">更多</a></li>
                                   </ul>
                               </div>
                               <div class="col-md-3">
                                   <img src="../public/img/articlelist/fastNav03.jpg" alt=""/>
                                   <ul class="fanAfter">
                                       <li><a href="" class="icon021">软装</a></li>
                                       <li><a href="" class="icon022">入住</a></li>
                                   </ul>
                               </div>
                               <div class="col-md-3" >
                                   <img src="../public/img/articlelist/fastNav04.jpg" alt="" />
                               </div>
                       </div>
                       <div class="row">
                           <div class="fastLinks">
                               <div class="col-md-6">
                                   <a href=""><img src="../public/img/articlelist/link01.jpg" alt=""/></a>
                               </div>
                               <div class="col-md-6">
                                   <a href=""><img src="../public/img/articlelist/link02.jpg" alt=""/></a>
                               </div>
                           </div>
                       </div>
                       <div class="row">
                           <div class="articleList">
                                <div class="col-md-3 ArticleLeftNav">
                                    <h3>装修前,准备阶段</h3>
                                    <ul>
                                        <li>
                                            <dl>
                                                <dt>收房</dt>
                                                <dd><a href="">收房小常识</a></dd>
                                                <dd><a href="">交房流程</a></dd>
                                                <dd><a href="">相关法规文件</a></dd>
                                            </dl>
                                        </li>
                                        <li>
                                            <h5>设计</h5>

                                        </li>
                                        <li><h5>预算</h5></li>
                                        <li><h5>合同</h5></li>
                                    </ul>
                                    <h3>装修中,施工阶段</h3>
                                    <ul>
                                        <li><h5>拆改</h5></li>
                                        <li><h5>水电</h5></li>
                                        <li><h5>防水</h5></li>
                                        <li><h5>泥瓦</h5></li>
                                        <li><h5>木工</h5></li>
                                        <li><h5>油漆</h5></li>
                                        <li><h5>竣工</h5></li>
                                    </ul>
                                    <h3>装修后,入住阶段</h3>
                                    <ul>
                                        <li>
                                            <h5>软装</h5>
                                        </li>
                                        <li><h5>入住</h5></li>
                                    </ul>
                                </div>
                                <div class="col-md-9">
                                    <div class="tabs" id="tabs">
                                        <ul>
                                            <li><a href="javascript:void(0);">按浏览次数</a></li>
                                            <li><a href="javascript:void(0);">按时间顺序</a></li>

                                        </ul>
                                    </div>
                                    <div class="tabCons" id="tabCons">
                                        <section>
                                            <ul>
                                                <li>
                                                    <div class="articleListLitpic">
                                                        <img src="../public/img/erweima.jpg" alt="" class="img-rounded"/>
                                                    </div>
                                                    <div class="articleListInfo">
                                                        <h3><a href="">买二手房注意事项有哪些以及流程怎样</a></h3>
                                                        <p>4月21日，湖南岳阳市委、市政府通报，临湘市委副书记、市长龚卫国涉嫌吸毒被公安机关正式立案调查。23日，湖南省纪委发布消息…</p>
                                                        <h6><span>2015-02-14</span></h6>
                                                    </div>
                                                    <hr />
                                                </li>

                                                <li>
                                                    <div class="articleListLitpic">
                                                        <img src="../public/img/erweima.jpg" alt="" class="img-rounded"/>
                                                    </div>
                                                    <div class="articleListInfo">
                                                        <h3><a href="">买二手房注意事项有哪些以及流程怎样</a></h3>
                                                        <p>4月21日，湖南岳阳市委、市政府通报，临湘市委副书记、市长龚卫国涉嫌吸毒被公安机关正式立案调查。23日，湖南省纪委发布消息…</p>
                                                        <h6><span>2015-02-14</span></h6>
                                                    </div>
                                                    <hr />
                                                </li>
                                                <li>
                                                    <div class="articleListLitpic">
                                                        <img src="../public/img/erweima.jpg" alt="" class="img-rounded"/>
                                                    </div>
                                                    <div class="articleListInfo">
                                                        <h3><a href="">买二手房注意事项有哪些以及流程怎样</a></h3>
                                                        <p>4月21日，湖南岳阳市委、市政府通报，临湘市委副书记、市长龚卫国涉嫌吸毒被公安机关正式立案调查。23日，湖南省纪委发布消息…</p>
                                                        <h6><span>2015-02-14</span></h6>
                                                    </div>
                                                    <hr />
                                                </li>
                                            </ul>
                                        </section>
                                        <section style="display: none;">
                                            <ul>
                                                <li>
                                                    <div class="articleListLitpic">
                                                        <img src="../public/img/erweima.jpg" alt="" class="img-rounded"/>
                                                    </div>
                                                    <div class="articleListInfo">
                                                        <h3><a href="">买二手房注意事项有哪些以及流程怎样</a></h3>
                                                        <p>4月21日，湖南岳阳市委、市政府通报，临湘市委副书记、市长龚卫国涉嫌吸毒被公安机关正式立案调查。23日，湖南省纪委发布消息…</p>
                                                        <h6><span>2015-02-14</span></h6>
                                                    </div>
                                                    <hr />
                                                </li>

                                                <li>
                                                    <div class="articleListLitpic">
                                                        <img src="../public/img/erweima.jpg" alt="" class="img-rounded"/>
                                                    </div>
                                                    <div class="articleListInfo">
                                                        <h3><a href="">买二手房注意事项有哪些以及流程怎样</a></h3>
                                                        <p>4月21日，湖南岳阳市委、市政府通报，临湘市委副书记、市长龚卫国涉嫌吸毒被公安机关正式立案调查。23日，湖南省纪委发布消息…</p>
                                                        <h6><span>2015-02-14</span></h6>
                                                    </div>
                                                    <hr />
                                                </li>
                                                <li>
                                                    <div class="articleListLitpic">
                                                        <img src="../public/img/erweima.jpg" alt="" class="img-rounded"/>
                                                    </div>
                                                    <div class="articleListInfo">
                                                        <h3><a href="">买二手房注意事项有哪些以及流程怎样</a></h3>
                                                        <p>4月21日，湖南岳阳市委、市政府通报，临湘市委副书记、市长龚卫国涉嫌吸毒被公安机关正式立案调查。23日，湖南省纪委发布消息…</p>
                                                        <h6><span>2015-02-14</span></h6>
                                                    </div>
                                                    <hr />
                                                </li>
                                            </ul>
                                        </section>

                                    </div>
                                </div>
                               <div class="clearfix"></div>
                           </div>

                       </div>
                   </section>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container-fluid">
            <div class="row footerUp">
                <div class="col-md-8 col-md-offset-2">
                    <div class="row">
                         <div class="col-md-3 col-sm-3">
                             <img src="../public/img/servicers.jpg" alt=""/>
                         </div>
                        <div class="col-md-2 col-sm-2 contactTit ">
                            <h5>联系我们</h5>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <img src="../public/img/erweima.jpg" alt=""/>
                        </div>
                        <div class="col-md-5 col-sm-4 contactInfo">
                            <h6>电话：0931-1234567&nbsp;&nbsp;&nbsp;&nbsp;13999999999</h6>
                            <h6>邮箱：mszsgc@163.com</h6>
                            <h6>地址：甘肃省兰州市城关区渭源路226号</h6>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row footerBtm">
                <div class="col-md-8 col-md-offset-2">
                    <h6>© 1997-2014 网易公司版权所有 About NetEase|公司简介|联系方法|招聘信息|客户服务|隐私政策|广告服务|网站地图|历史回顾|意见反馈|不良信息举报</h6>
                </div>
            </div>
        </div>
    </footer>
    <div class="fixed-bottom">
        <form action="">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button">搜索</button>
                                </span>
            </div>
        </form>
        <div class="callphone">
            <h4>拨打电话：<a href="tel://13993666666">13993666666</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel://0931-1234567">0931-1234567</a></h4>
        </div>
    </div>
    <script src="../public/js/jquery.js"></script>
    <script src="../public/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../public/js/responsive-nav.min.js"></script>
    <script type="text/javascript" src="../public/js/common.js"></script>
    <script>
        var navigation = responsiveNav(".nav-collapse");
    </script>

</body>
</html>